<template>
	<view class="diy-container" :class="[themeType+'-theme']">
		<slot></slot>
	</view>
</template>

<script>
	import { mapGetters } from 'vuex';
	export default {
		name:"Container",
		data() {
			return {
			};
		},
		computed: {
			...mapGetters(['themeType'])
		},
	}
</script>

<style lang="scss">
.diy-container.light-theme {
	min-height: 100vh;
	background-color: $light-bg-main;
	color: $light-font-title;
}
.diy-container.dark-theme {
	min-height: 100vh;
	background-color: $dark-bg-main;
	color: $dark-font-title;
}
</style>